.mine-box {
    height: 100%;

    .user-box-title {
        padding: 20px 20px;
        width: 100%;
        height: 150PX;
        border-bottom: 1px solid $border;

        .mu-card-header {
            line-height: 50px;

            .mu-card-header-title {
                padding: 20px 0;

                .mu-avatar {
                    margin-right: 40px;
                  width: 76px;
                  height: 76px;
                }

                .mu-card-title {
                    color: $font;
                }

                .mu-card-sub-title {
                    color: $font;
                }

            }

        }

        .m-moneybox {
            width: 80%;
            margin: 0 auto;
            height: 140px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 4PX;
            margin-top: -10PX;
            position: relative;
            // filter: blur(6PX);
            .row {
                height: 100%;

                .col-4{
                    a{
                        color: $font;
                    }
                    .grid-cell {
                        height: 100%;
                        text-align:center;
                        padding:15px 0;
                        line-height: 60px;
                        .iconfont{
                            font-size: 25PX;
                            color:#1EC5F1;
                        }

                    }
                }

            }

        }
        .m-moneybox-center::before{
          filter: blur(6px);
          z-index:0;
          content: "";
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background: rgba(255,255,255,0.1);
          background-size: cover;
          overflow:hidden;
        }
    }

  .m-moneybox-center {
    width: 80%;
    margin: 0 auto;
    height: 140px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4PX;
    margin-top: -10PX;
    position: relative;
    // filter: blur(6PX);
    .row {
      height: 100%;

      .col-4{
        a{
          color: $font;
        }
        .grid-cell {
          height: 100%;
          text-align:center;
          padding:15px 0;
          line-height: 60px;
          .iconfont{
            font-size: 25PX;
            color:#1EC5F1;
          }

        }
      }

    }

  }

    .list-box {
        margin-top: 80px;

        .mu-item {
            background: $tm;
            height: 100px;
            color: $font;
            a{
                color: $font;
            }
            .iconfont{
                color:#65FFE1;
                font-size: 16PX;
                margin-right:15px;
            }
        }
    }
}
